<template>
<div>
    <if-header></if-header>
    <div class="box">
        <img :src="list.pic" class="bigpic">
        <p class="mintxt">
            <span class="txt1">{{list.title}}</span>
            <img src="" alt="">
            <span class="txt2">{{list.conclusion}}</span>
        </p>
        <p class="maxtxt">{{list.desc}}</p>
        <router-link tag="button" class="otherfood" :to="'/ifCanEat/'">
            查看其他食物
        </router-link>
        <p class="back">
            使用过程中如有任何建议或意见，
            <a href="">欢迎反馈>></a>
        </p>
    </div>
</div>
</template>

<script>
import Vue from 'vue';
import ifHeader from './header'
export default {
    props:['dataid'],
    data() {
        return{
            list:[]
        }
    },
    components:{
        'if-header':ifHeader
    },
    async mounted() {     
        let result = await this.$http.post({
            url:'/content/Tools/Eat.html',
            params:{
                do: "Detail",
                cid: window.location.href.split('/').pop(),
                isWeb: 1,
                system: "wap",
                version: 517,
                distinct_id:"1768548a12f68-06d1a541b973ac-c791039-1327104-1768548a1313ca",
                sessionToken: '',
                wx_site: '',
                debug_param: '',
            }
        })
        this.list = result.data.info
    }
}
</script>

<style lang="stylus" scoped>
.box
    width 100%
    text-align center
    .bigpic
        margin-top .15rem
        width 1.9rem
        height 1.9rem
    .mintxt
        margin-top .1rem
        .txt1
            font-size .18rem
            color #333
        .txt2
            font-size .12rem
            color #666
    .maxtxt
        text-align left 
        text-indent .24rem
        line-height .2rem
        display block
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        margin-top .2rem
        padding 0 .2rem
        font-size .12rem
        color #666
    .otherfood
        width 60%
        height .35rem
        line-height .35rem
        margin-top .5rem
        color #ff5757
        font-size .12rem
        border-radius .4rem
        border 1px solid #e5e5e5
        border-color #f03e3e
        background-color #fff
    .back
        margin-top .2rem
        padding-top .2rem
        text-align center
        font-size .12rem
        color #666
        a
            color #0ca4ed
</style>